<script setup>
import html2canvas from "html2canvas";
import domtoimage from 'dom-to-image';
import { ref, onMounted, nextTick,onBeforeUnmount  } from "vue";
import btnModule from "../components/btnModule.vue"
import aipCheckbox from "../components/aip-checkbox.vue"
import { onHide } from "@dcloudio/uni-app";
const title = ref("");
const copy = ref("");
const chartlet = ref("");
const bar = ref("热卖");
const astonish = ref("震惊");
const ok = ref(false);
const ftext25 = ref("");
const stext25 = ref("");
const text26 = ref("价格实惠");
const input = ref('')
const copy1 = ref('')
const year = ref('')
const price = ref('')
const list = ref([
  {
    id: 1,
    image:
      "../../static/hua_yulan_sv_bg1.png",
    icheck: "icheck1",
    tcheck: "tcheck1",
    dcheck: "dcheck1",
    img:
      "../../static/huazi_bg_bg1.png",
  },
  {
    id: 2,
    image:
      "../../static/hua_yulan_sv_bg2.png",
    icheck: "icheck2",
    tcheck: "tcheck2",
    dcheck: "dcheck2",
    img:
      "../../static/huazi_bg_bg2.png",
  },
  // {
  //   id: 3,
  //   image:
  //     "../../static/hua_yulan_sv_bg3.png",
  //   icheck: "icheck3",
  //   tcheck: "tcheck3",
  //   dcheck: "dcheck3",
  //   img:
  //     "../../static/huazi_bg_bg3.png",
  // },
  {
    id: 4,
    image:
      "../../static/hua_yulan_sv_bg4.png",
    icheck: "icheck4",
    tcheck: "tcheck4",
    dcheck: "dcheck4",
    img:
      "../../static/huazi_bg_bg4.png",
  },
  // {
  //   id: 5,
  //   image:
  //     "../../static/hua_yulan_sv_bg5.png",
  //   icheck: "icheck5",
  //   tcheck: "tcheck5",
  //   dcheck: "dcheck5",
  //   img:
  //     "../../static/huazi_bg_bg5.png",
  // },
  {
    id: 6,
    image:
      "../../static/hua_yulan_sv_bg6.png",
    icheck: "icheck6",
    tcheck: "tcheck6",
    dcheck: "dcheck6",
    mcheck: "mcheck6",
    img:
      "../../static/huazi_bg_bg6.png",
  },
  // {
  //   id: 7,
  //   image:
  //     "../../static/hua_yulan_sv_bg7.png",
  //   icheck: "icheck8",
  //   tcheck: "tcheck8",
  //   dcheck: "dcheck8",
  //   img:
  //     "../../static/huazi_bg_bg7.png",
  // },
  {
    id: 8,
    image:
      "../../static/hua_yulan_sv_bg8.png",
    icheck: "icheck10",
    tcheck: "tcheck10",
    dcheck: "dcheck10",
    img:
      "../../static/huazi_bg_bg8.png",
  },
  // {
  //   id: 9,
  //   image:
  //     "../../static/hua_yulan_sv_bg9.png",
  //   icheck: "icheck7",
  //   tcheck: "tcheck7",
  //   dcheck: "dcheck7",
  //   img:
  //     "../../static/huazi_bg_bg9.png",
  // },
  // {
  //   id: 10,
  //   image:
  //     "../../static/hua_yulan_sv_bg10.png",
  //   icheck: "icheck12",
  //   tcheck: "tcheck12",
  //   dcheck: "dcheck12",
  //   img:
  //     "../../static/huazi_bg_bg10.png",
  // },
  {
    id: 11,
    image:
      "../../static/hua_yulan_sv_bg11.png",
    icheck: "icheck11",
    tcheck: "tcheck11",
    dcheck: "dcheck11",
    img:
      "../../static/huazi_bg_bg11.png",
  },
  // {
  //   id: 12,
  //   image:
  //     "../../static/hua_yulan_sv_bg12.png",
  //   icheck: "icheck14",
  //   tcheck: "tcheck14",
  //   dcheck: "dcheck14",
  //   img:
  //     "../../static/huazi_bg_bg12.png",
  // },
  // {
  //   id: 13,
  //   image:
  //     "../../static/hua_yulan_sv_bg13.png",
  //   icheck: "icheck13",
  //   tcheck: "tcheck13",
  //   dcheck: "dcheck13",
  //   img:
  //     "../../static/huazi_bg_bg13.png",
  // },
  // {
  //   id: 14,
  //   image:
  //     "../../static/hua_yulan_sv_bg14.png",
  //   icheck: "icheck9",
  //   tcheck: "tcheck9",
  //   dcheck: "dcheck9",
  //   img:
  //     "../../static/huazi_bg_bg14.png",
  // },
  {
    id: 15,
    image:
      "../../static/hua_yulan_sv_bg15.png",
    icheck: "icheck15",
    tcheck: "tcheck15",
    dcheck: "dcheck15",
    mcheck: "mcheck15",
    img:
      "../../static/huazi_bg_bg15.png",
  },
  {
    id: 16,
    image:
      "../../static/hua_yulan_sv_bg16.png",
    icheck: "icheck16",
    tcheck: "tcheck16",
    dcheck: "dcheck16",
    mcheck: "mcheck16",
    // img:'../../static/huazi_bg_bg16.png'
  },
  {
    id: 17,
    image:
      "../../static/hua_yulan_sv_bg17.png",
    icheck: "icheck17",
    tcheck: "tcheck17",
    dcheck: "dcheck17",
    mcheck: "mcheck17",
    img:
      "../../static/huazi_bg_bg17.png",
  },
  {
    id: 18,
    image:
      "../../static/hua_yulan_sv_bg18.png",
    icheck: "icheck18",
    tcheck: "tcheck18",
    dcheck: "dcheck18",
    img:
      "../../static/huazi_bg_bg18.png",
  },
  {
    id: 19,
    image:
      "../../static/hua_yulan_sv_bg19.png",
    icheck: "icheck19",
    tcheck: "tcheck19",
    dcheck: "dcheck19",
    mcheck: "mcheck19",
    micheck:'micheck19',
    img:
      "../../static/huazi_bg_bg19.png",
  },
  {
    id: 20,
    image:
      "../../static/hua_yulan_sv_bg20.png",
    icheck: "icheck20",
    tcheck: "tcheck20",
    dcheck: "dcheck20",
    mcheck: "mcheck20",
    micheck:'micheck20'
    // img:'../../static/huazi_bg_bg20.png'
  },
  {
    id: 21,
    image:
      "../../static/hua_yulan_sv_bg21.png",
    icheck: "icheck21",
    tcheck: "tcheck21",
    dcheck: "dcheck21",
    mcheck: "mcheck21",
    micheck:'micheck21',
    img:
      "../../static/huazi_bg_bg21.png",
  },
  {
    id: 22,
    image:
      "../../static/hua_yulan_sv_bg22.png",
    icheck: "icheck22",
    tcheck: "tcheck22",
    dcheck: "dcheck22",
    mcheck: "mcheck22",
    micheck:'micheck22',
    img:
      "../../static/huazi_bg_bg22.png",
  },
  {
    id: 23,
    image:
      "../../static/hua_yulan_sv_bg23.png",
    icheck: "icheck23",
    tcheck: "tcheck23",
    dcheck: "dcheck23",
    mcheck: "mcheck23",
    micheck:'micheck23',
    img:
      "../../static/huazi_bg_bg23.png",
  },
  {
    id: 24,
    image:
      "../../static/hua_yulan_sv_bg24.png",
    icheck: "icheck24",
    tcheck: "tcheck24",
    dcheck: "dcheck24",
    mcheck: "mcheck24",
    micheck:'micheck24',
    img:
      "../../static/huazi_bg_bg24.png",
  },
  {
    id: 25,
    image:
      "../../static/hua_yulan_sv_bg25.png",
    icheck: "icheck25",
    tcheck: "tcheck25",
    dcheck: "dcheck25",
    mcheck: "mcheck25",
    micheck:'micheck25',
    img:
      "../../static/huazi_bg_bg25.png",
  },
  {
    id: 26,
    image:
      "../../static/hua_yulan_sv_bg26.png",
    icheck: "icheck26",
    tcheck: "tcheck26",
    dcheck: "dcheck26",
    mcheck: "mcheck26",
    micheck:'micheck26',
    img:
      "",
  },
  // {
  //   id: 27,
  //   image:
  //     "../../static/hua_yulan_sv_bg27.png",
  //   icheck: "icheck27",
  //   tcheck: "tcheck27",
  //   dcheck: "dcheck27",
  //   micheck:'micheck27',
  //   img: "",
  // },
  {
    id: 28,
    image:
      "../../static/hua_yulan_sv_bg28.png",
    icheck: "icheck28",
    tcheck: "tcheck28",
    dcheck: "dcheck28",
    mcheck: "mcheck28",
    micheck:'micheck28',
    img:
      "",
  },
  {
    id: 29,
    image:
      "../../static/hua_yulan_sv_bg29.png",
    icheck: "icheck29",
    tcheck: "tcheck29",
    dcheck: "dcheck29",
    mcheck: "mcheck29",
    micheck:'micheck29',
    img:
      "../../static/huazi_bg_bg29_2.png",
  },
  {
    id: 30,
    image:
      "../../static/hua_yulan_sv_bg30.png",
    icheck: "icheck30",
    tcheck: "tcheck30",
    dcheck: "dcheck30",
    mcheck: "mcheck30",
    micheck:'micheck30',
    img:
      "../../static/huazi_bg_bg30.png",
  },
  {
    id: 31,
    image:
      "../../static/hua_yulan_sv_bg31.png",
    icheck: "icheck31",
    tcheck: "tcheck31",
    dcheck: "dcheck31",
    mcheck: "mcheck31",
    micheck:'micheck31',
    img:
      "../../static/huazi_bg_bg31.png",
  },
  {
    id: 32,
    image:
      "../../static/hua_yulan_sv_bg32.png",
    icheck: "icheck32",
    tcheck: "tcheck32",
    dcheck: "dcheck32",
    mcheck: "mcheck32",
    micheck:'micheck32',
    img:
      "../../static/huazi_bg_bg32.png",
  },
  {
    id: 33,
    image:
      "../../static/hua_yulan_sv_bg33.png",
    icheck: "icheck33",
    tcheck: "tcheck33",
    dcheck: "dcheck33",
    mcheck: "mcheck33",
    micheck:'micheck33',
    img:
      "",
  },
  {
    id: 34,
    image:
      "../../static/hua_yulan_sv_bg34.png",
    icheck: "icheck34",
    tcheck: "tcheck34",
    dcheck: "dcheck34",
    mcheck: "mcheck34",
    micheck:'micheck34',
    img:"",
  },
]);
const choose = ref(null);
const active = ref(2)
const id = ref('')
const shopId = ref('')
const shopCate2Id = ref('')
onMounted(() => {
  console.log(window.location.href);
  let fragment = window.location.href.split('&');
  console.log(fragment);
    id.value = fragment[1].split('=')[1];
    console.log(fragment[2].split('=')[1]);
    console.log(fragment[2].split('=')[0]);
    if(fragment[2].split('=')[0]=='text'){
      uni.redirectTo({ url: `/pages/index/cover?id=${id.value}&text=${fragment[2].split('=')[1]}` })
    }
    shopId.value = fragment[2].split('=')[1];
    shopCate2Id.value = fragment[3].split('=')[1];
    title.value = decodeURIComponent(fragment[4].split('=')[1]).replace('#/','');
    console.log(id.value);
    console.log(shopId.value);
    console.log(shopCate2Id.value);
    console.log(title.value);
  choose.value.open('bottom')

  // const keyword = JSON.parse(localStorage.getItem('keyword'));
  // if(keyword){
  //   chartlet.value = keyword.chartlet
  //   copy.value = keyword.copy
  //   copy1.value = keyword.copy1
  //   price.value = keyword.price
  //   year.value = keyword.year
  // }
  uni.loadFontFace({
    family: "sc",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/Bold.ttf")',
    success() {},
  });
  uni.loadFontFace({
    family: "ms",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/Muyao-Softbrush.ttf")',
    success() {},
  });
  uni.loadFontFace({
    family: "albb",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/AlibabaPuHuiTi-3-85-Bold.ttf")',
    success() {},
  });
  uni.loadFontFace({
    family: "hy",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/5c92e947ef2ac1553131847.ttf")',
    success() {},
  });
  uni.loadFontFace({
    family: "almm",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/AlimamaShuHeiTi-Bold.ttf")',
  });
  uni.loadFontFace({
    family: "ym",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/daimeng.ttf")',
  });
  uni.loadFontFace({
    family: "dyh",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/SmileySans-Oblique.ttf")',
  });
  uni.loadFontFace({
    family: "ypz",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/dongli.ttf")',
  });
  uni.loadFontFace({
    family: "zh",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/SlideTownsoul-Regular.ttf")',
  });
  uni.loadFontFace({
    family: "lulu",
    source:
      'url("https://www.diandianyouke.site:801/fileDataBase/static/stag/static/ttf/lulu.ttf")',
  });
  getTemplate()
});

onHide(()=>{
  // const keyword = {
  //   copy: copy.value,
  //   chartlet: chartlet.value,
  //   copy1: copy1.value,
  //   year: year.value,
  //   price: price.value,
  // }
  // localStorage.setItem('keyword',JSON.stringify(keyword))
})
const open = () => {
  choose.value.open("bottom");
};
const three = ref(false);
const isChecked = ref(1);
const click = () => {
  active.value = 2
  choose.value.open('bottom')
}

const templates = ref([])
const getTemplate = async(e) => {
  console.log('shopId',shopId.value);
 const res = await uni.request({
    url: 'https://www.diandianyouke.cn:8081/api/getTemplate',
    data: {
      shopId:shopId.value
    },
    header: {
      'Content-Type':'application/x-www-form-urlencoded'
    },
    method: 'POST',
  })
  console.log(res);
  templates.value = res.data.data
  if(e!=1){
templateId.value = templateId.value || templates.value[0]
      title.value = templates.value[0].shopName
      year.value = templates.value[0].shopTime
      price.value = templates.value[0].price
      chartlet.value = templates.value[0].product
      copy.value = templates.value[0].copy1
      copy1.value = templates.value[0].copy2
  }
}
const chooseActive = (e) => {
  if(!isChecked.value)return uni.showToast({title:'请先选择模板',icon:'none'})
  active.value = e
}
const getCopy = async(e) => {
  const res = await uni.request({
    url: 'https://www.diandianyouke.cn:8081/api/copywriting',
    data: {
      shopCate2Id: shopCate2Id.value,
      shopId: shopId.value,
      product: '',
      price: '',
      character:''
    },
    header: {
      "Content-Type": "application/x-www-form-urlencoded",
    },
    method: 'POST',
  })
  console.log(res);
  let ran = Math.floor(Math.random() * res.data.data.length)
  console.log(ran);
  if(e==1){
    copy.value = res.data.data[ran].content
  }else if(e==2){
    copy1.value = res.data.data[ran].content
  }
}
const check = (e) => {
  isChecked.value = e;
  console.log(e);
  if(!isChecked.value)return
  if (
    list.value[isChecked.value-1].id == 6 ||
    list.value[isChecked.value-1].id == 15 ||
    list.value[isChecked.value-1].id == 16 ||
    list.value[isChecked.value-1].id == 17 ||
    list.value[isChecked.value-1].id == 19 ||
    list.value[isChecked.value-1].id == 21 ||
    list.value[isChecked.value-1].id == 25 ||
    list.value[isChecked.value-1].id == 26 ||
    list.value[isChecked.value-1].id == 28 ||
    list.value[isChecked.value-1].id == 33 ||
    list.value[isChecked.value-1].id == 34
  ) {
    three.value = true;
  } else {
    three.value = false;
  }
};
const close = () => {
  choose.value.close();
};
const complete = () => {
  if (!isChecked.value) return;
  const text = document.querySelector(".textarea");
  console.log(text.style.height);
  ok.value = true;
  uni.showLoading();
  setTimeout(() => {
    document.body.scrollTop = document.documentElement.scrollTop = 0;
    const query = document.querySelector(".page");
    html2canvas(query, { useCORS: true }).then((canvas) => {
      console.log(canvas);
      // ok.value = !ok.value
      const dataURL = canvas.toDataURL("image/png");
      console.log(dataURL);
      const substring = dataURL.split(",")[1];
      // console.log(substring);
      uni.request({
        url: "https://www.diandianyouke.cn:8081/api/uploadImage",
        method: "POST",
        data: {
          businessId: id.value,
          image: substring,
          // type:(isChecked.value==1||isChecked.value==2||isChecked.value==5)?1:2
          type: list.value[isChecked.value-1].id,
        },
        header: {
          "Content-Type": "application/x-www-form-urlencoded",
        },
        success: (res) => {
          uni.hideLoading();
          console.log(uni.webView);
          location.href='https://www.xingchengwenhua.com:8080/html/home.html'
          //   uni.webView.navigateTo({
          //     url:'/pageA/index/IP',
          //     success:res=>{
          //       console.log(res);
          //     },
          //     fail:err=>{
          //       console.log(err);
          //     }
          // })
        },
        fail: (fail) => {
          uni.hideLoading();
          uni.showToast({title:'请求失败',icon:'none'})
          console.log(fail);
        },
      });
    });
  }, 500);
};

const addTem = async() => {
if(!chartlet.value)return uni.showToast({title:'请输入产品名称',icon:'none'})
if(!price.value)return uni.showToast({title:'请输入产品价格',icon:'none'})
uni.showLoading({
  title: '加载中',
})
const res = await uni.request({
      url: 'https://www.diandianyouke.cn:8081/api/addTemplate',
      data: {
        shopName:title.value,
        product:chartlet.value.trim(),
        price:price.value.trim(),
        shopId:shopId.value
      },
      timeout:50000,
      header: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },
      method: 'POST',
    }) 
    uni.hideLoading()
    uni.showToast({
      title:'添加成功',
      icon:'none'
    })
    chartlet.value=''
    price.value=''
    getTemplate()
}
const templateId = ref('')
const templateClick = (e) => {
  templateId.value = e
}

const popup = ref(null)
const daoRu = () => {
  choose.value.close()
  popup.value.open('bottom')
}
const addO = ref()
const close1 = (e) => {
  if(e==1){
    popup.value.close()
    addO.value.open('bottom')
  }else if(e==2){
    addO.value.close()
    popup.value.open('bottom')
  }else{
  popup.value.close()
  choose.value.open('bottom')
  }
 
}

const editTem = async() => {
  console.log(year.value,copy.value,copy1.value);
  if(year.value||copy.value||copy1.value){
   await uni.request({
      url: 'https://www.diandianyouke.cn:8081/api/editTemplateById',
      data: {
        shopId:shopId.value,
        time:year.value,
        copy1:copy.value?copy.value:'',
        copy2:copy1.value?copy1.value:''
      },
      header: {
        Accept: 'application/json',
        "Content-Type": "application/x-www-form-urlencoded",
      },
      method: 'POST',
    })
  }
  choose.value.close()
  getTemplate(1)
}

const into = () => {
  if(!templateId.value) return uni.showToast({title:'请先选择模板',icon:'none'})
  title.value = templateId.value.shopName
  year.value = templateId.value.shopTime
  price.value = templateId.value.price
  chartlet.value = templateId.value.product
  copy.value = templateId.value.copy1
  copy1.value = templateId.value.copy2
  popup.value.close()
  choose.value.open('bottom')
}

const imageLoad = (e) => {
  console.log(e);
  console.log('加载完毕');
}
</script>
<template>
  <view class="page">
    <image
      class="bgi"
      v-if="!ok"
      src="../../static/huazi_bg1_bg.png"
    />
    <div
      class="div"
      v-show="isChecked != 0"
      :class="isChecked ? list[isChecked - 1].dcheck : ''"
    >
      <image
        lazy-load="true"
        @load="imageLoad(e)"
        style="width: 100%; height: 100%; position: absolute"
        :class="isChecked && list[isChecked - 1].micheck"
        :src="isChecked && list[isChecked - 1].img"
      />
      <!-- <input
        v-if="!ok"
        class="input"
        :class="isChecked ? list[isChecked - 1].icheck : ''"
        v-model="title"
        type="text"
      /> -->
      <div
        @click="click"
        class="input"
        style="position: absolute"
        :class="isChecked ? list[isChecked - 1].icheck : ''"
        v-if="isChecked!=0"
      >
        {{ ((list[isChecked - 1].id==23||list[isChecked - 1].id==30||list[isChecked - 1].id==31||list[isChecked - 1].id==32)?copy:title)?(list[isChecked - 1].id==23||list[isChecked - 1].id==30||list[isChecked - 1].id==31||list[isChecked - 1].id==32)?copy:title:'输入文字' }}
      </div>
    </div>
    <div v-if="list[isChecked-1]?list[isChecked-1].id == 18:false && !ok" class="dastonish">
      <input v-model="astonish" class="astonish" />
    </div>
    <div
      v-if="list[isChecked-1]?list[isChecked-1].id == 18:false && ok"
      class="astonish1"
      style="padding-top: 20rpx !important"
    >
      {{ astonish?astonish:"输入文字" }}
    </div>
    <image
      v-if="list[isChecked-1]?list[isChecked-1].id == 20:false"
      class="arrow"
      src="../../static/huazi_bg_bg20.png"
    />
    <!-- <div contenteditable="true" style="white-space: pre"
      v-if="isChecked==6" 
      class="textarea" 
      :class="isChecked?list[isChecked-1].tcheck:''" 
      auto-height>
      {{ copy }}
      </div> -->
    <!-- <input v-if="list[isChecked-1]?list[isChecked-1].id == 16:false && !ok" class="bar" v-model="bar" /> -->
    <div v-if="list[isChecked-1]?list[isChecked-1].id == 16:false" class="bar">{{ bar }}</div>
    <!-- <textarea
      v-if="
        isChecked != 0 &&
        !ok &&
        list[isChecked-1].id != 19 &&
        list[isChecked-1].id != 25 &&
        list[isChecked-1].id != 26 &&
        list[isChecked-1].id != 27 &&
        list[isChecked-1].id != 28 &&
        list[isChecked-1].id != 30 &&
        list[isChecked-1].id != 31 &&
        list[isChecked-1].id != 32 &&
        list[isChecked-1].id != 33 &&
        list[isChecked-1].id != 34 &&
        list[isChecked-1].id != 23 &&
        list[isChecked-1].id != 16
      "
      class="textarea"
      :class="isChecked ? list[isChecked - 1].tcheck : ''"
      v-model="copy"
      auto-height
    >
    </textarea> -->
    <image
      v-if="isChecked!=0 && list[isChecked-1].id == 26 "
      style="position: absolute; top: 192rpx; right: 40rpx; width: 80rpx; height: 108rpx"
      src="../../static/huazi_bg_bg26_1.png"
    />
    <!-- <input
      class="textarea"
      v-if="isChecked!=0 && 
        (list[isChecked-1].id == 19 ||
          list[isChecked-1].id == 25 ||
          list[isChecked-1].id == 26 ||
          list[isChecked-1].id == 27 ||
          list[isChecked-1].id == 28 ||
          list[isChecked-1].id == 30 ||
          list[isChecked-1].id == 31 ||
          list[isChecked-1].id == 32 ||
          list[isChecked-1].id == 33 ||
          list[isChecked-1].id == 34 ||
          list[isChecked-1].id == 23 ||
          list[isChecked-1].id == 16) &&
        !ok
      "
      :class="isChecked ? list[isChecked - 1].tcheck : ''"
      v-model="copy"
      type="text"
    /> -->
    <div style="text-align: center;" @click="click">
      <div
      v-if="isChecked != 0&&(list[isChecked - 1].id!=28&&list[isChecked - 1].id!=26)"
      class="textarea"
      :class="isChecked ? list[isChecked - 1].tcheck : ''"
    >
      {{ ((list[isChecked - 1].id==23||list[isChecked - 1].id==30||list[isChecked - 1].id==31||list[isChecked - 1].id==32)?copy1:copy)?(list[isChecked - 1].id==23||list[isChecked - 1].id==30||list[isChecked - 1].id==31||list[isChecked - 1].id==32)?copy1:copy:'输入文字' }}
    </div>
    <div
    @click="click"
      v-if="isChecked != 0&&(list[isChecked - 1].id==28||list[isChecked - 1].id==26)"
      class="textarea"
      :class="isChecked ? list[isChecked - 1].tcheck : ''"
    >
      {{ (list[isChecked - 1].id==28?chartlet:price)?list[isChecked - 1].id==28?chartlet:price:'输入文字' }}
    </div>
    </div>
    <!-- <input
      v-if="three && !ok"
      :class="isChecked ? list[isChecked - 1].mcheck : ''"
      type="text"
      v-model="chartlet"
    /> -->
    <div @click="click" v-if="three&&(list[isChecked - 1].id!=17&&list[isChecked - 1].id!=28)" :class="isChecked ? list[isChecked - 1].mcheck : ''">
      {{ ((list[isChecked - 1].id==16||list[isChecked - 1].id==21||list[isChecked - 1].id==33||list[isChecked - 1].id==34)?copy1:chartlet)?(list[isChecked - 1].id==16||list[isChecked - 1].id==21||list[isChecked - 1].id==33||list[isChecked - 1].id==34)?copy1:chartlet:'输入文字' }}
    </div>
    <div @click="click" v-if="three&&(list[isChecked - 1].id==17||list[isChecked - 1].id==28)" :class="isChecked ? list[isChecked - 1].mcheck : ''">
      {{ (list[isChecked - 1].id==28?copy:year)?list[isChecked - 1].id==28?copy:year:'输入文字' }}
    </div>
    <div v-if="isChecked!=0 && list[isChecked-1].id == 25" class="mark25">
      <!-- <input v-if="!ok" type="text" v-model="ftext25" class="ftext25" /> -->
      <div class="ftext25">{{ year?year:'输入文字' }}</div>
      <!-- <input v-if="!ok" type="text" v-model="stext25" class="stext25" /> -->
      <div class="stext25">{{ price?price:'输入文字' }}</div>
    </div>
    <div v-if="isChecked!=0 && list[isChecked-1].id == 26" class="div26">
      <img
        style="width: 48rpx; height: 40rpx"
        src="../../static/huazi_bg_bg26_2.png"
      />
      <input v-if="!ok" class="input26" v-model="text26" type="text" />
      <div v-else class="input26">{{ text26 }}</div>
    </div>
    <div class="div27" v-if="isChecked!=0 && list[isChecked-1].id == 27">
      <div class="item">
        <input v-if=!ok class="input27" value="新鲜" type="text" />
        <div v-else class="input27">新鲜</div>
      </div>
      <div class="item">
        <input v-if=!ok class="input27" value="干净" type="text" />
        <div v-else class="input27">干净</div>
      </div>
      <div class="item">
        <input v-if=!ok class="input27" value="放心" type="text" />
        <div v-else class="input27">放心</div>
      </div>
      <div class="item">
        <input v-if=!ok class="input27" value="实惠" type="text" />
        <div v-else class="input27">实惠</div>
      </div>
    </div>
    <!-- <div style="background-color: blue;display: inline-block;min-width: 20rpx;white-space: pre-wrap;">{{ input }}</div>
    <textarea v-model="input" type="text" /> -->
    <view class="bottom">
      <text class="set" @click="open">样式设置</text>
      <button @click="complete" class="button" :class="isChecked ? 'btn' : ''">
        完成
      </button>
    </view>
  </view>
  <uni-popup ref="choose" :safe-area="false">
    <view class="popup">
      <view class="close">
        <image
          @click="close"
          class="close-btn"
          src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/list_button_Close.png"
          mode=""
        />
        选择样式
        <!-- <text class="add" @click="close">添加</text> -->
      </view>
      <view class="tab">
        <view class="tab-top">
          <text @click="chooseActive(1)" :class="active==1?'purple':''">样式</text>
          <text @click="chooseActive(2)" :class="active==2?'purple':''">编辑</text>
        </view>
        <view class="line" :class="active==2?'left':''"></view>
      </view>
      <view v-if="active==1" class="content">
        <view style="display: inline-block" class="li">
          <view class="item" @click="check(0)" :class="isChecked === 0 ? 'check' : ''">
            <image
              style="width: 132rpx; height: 132rpx"
              src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/huazi_bg_wu.png"
            />
          </view>
        </view>
        <view
          style="display: inline-block"
          class="li"
          v-for="item,index in list"
          :key="item.id"
        >
          <view
            class="item"
            :class="isChecked == index+1 ? 'check' : ''"
            @click="check(index+1)"
          >
            <image class="item-input" :src="item.image" />
            <image
              v-if="isChecked == index+1"
              class="poa"
              src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/icon_xzong.png"
            />
          </view>
        </view>
      </view>
      <div class="content" v-if="active==2">
        <input 
        :adjust-position="false"
        v-if="
        list[isChecked-1].id==1||
        list[isChecked-1].id==2||
        list[isChecked-1].id==4||
        list[isChecked-1].id==8||
        list[isChecked-1].id==11||
        list[isChecked-1].id==15||
        list[isChecked-1].id==16||
        list[isChecked-1].id==17||
        list[isChecked-1].id==18||
        list[isChecked-1].id==19||
        list[isChecked-1].id==20||
        list[isChecked-1].id==21||
        list[isChecked-1].id==22||
        list[isChecked-1].id==24||
        list[isChecked-1].id==25||
        list[isChecked-1].id==26||
        list[isChecked-1].id==28||
        list[isChecked-1].id==29||
        list[isChecked-1].id==33||
        list[isChecked-1].id==6||
        list[isChecked-1].id==34" 
        class="name" 
        v-model="title" 
        type="text" 
        placeholder="输入店铺名称">
        <input :adjust-position="false" v-if="list[isChecked-1].id==28||list[isChecked-1].id==26" class="product" v-model="chartlet" type="text" placeholder="输入产品名称">
        <div class="box" v-if="list[isChecked-1].id!=26">
          <textarea :adjust-position="false" class="copy" v-model="copy" rows="" cols="" placeholder="输入宣传文案"></textarea>
          <!-- <text class="AI" @click="getCopy(1)">AI生成</text> -->
        </div>
        <div class="box" v-if="
        list[isChecked-1].id==16||
        list[isChecked-1].id==21||
        list[isChecked-1].id==23||
        list[isChecked-1].id==30||
        list[isChecked-1].id==31||
        list[isChecked-1].id==32|| 
        list[isChecked-1].id==33||
        list[isChecked-1].id==34">
          <textarea class="copy" 
          :adjust-position="false"
        v-model="copy1" 
        placeholder="输入宣传文案">
        </textarea>
        <!-- <text class="AI" @click="getCopy(2)">AI生成</text> -->
        </div>
        <input :adjust-position="false" class="product" v-if="list[isChecked-1].id==15||list[isChecked-1].id==19||list[isChecked-1].id==6||list[isChecked-1].id==25" v-model="chartlet" type="text" placeholder="输入产品名称">
        <input :adjust-position="false" class="price" v-if="list[isChecked-1].id==17||list[isChecked-1].id==25" v-model="year" type="text" placeholder="请输入店铺年限">
        <input :adjust-position="false" class="price" v-if="list[isChecked-1].id==25||list[isChecked-1].id==26" v-model="price" type="text" placeholder="输入价格">
        <!-- <div class="fixed">
          <button class="save" @click="addTem">存为模板</button>
          <button class="ku" @click="daoRu">文案库导入</button>
        </div> -->
        <view class="bottom">
        <!-- <view v-if="!oneClick" class="btm-ai" @click="daoRu">
          <image style="width: 46rpx;height: 48rpx;" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/waszhi_icon_ghmban.png"/>
          <text>产品库</text>
        </view> -->
        <button style="width: 100%" class="bottom-queren" @click="editTem">确认</button>
      </view>
      </div>
    </view>
  </uni-popup>
  <!-- <uni-popup ref="popup">
    <view class="content1">
      <view class="close">
        <image
          class="close-btn"
          @click="close1(1)"
          src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/list_button_Close.png"
          mode=""
        />
        AI文案
      </view>
      <view style="overflow-y: scroll;width: 100%;padding-bottom: 300rpx;height: 724rpx;">
        <view class="item" :class="templateId.id==item.id?'active-tem':''" @click="templateClick(item)" v-for="item in templates" :key="item.id">
        <view class="name">
              <text>商户名称</text>
              <text class="text">{{item.shopName}}</text>
            </view>
            <view class="name">
              <text>产品名称</text>
              <text class="text">{{item.product}}</text>
            </view>
            <view class="name">
              <text>产品价格</text>
              <text class="text">{{item.price}}</text>
            </view>
            <view class="name">
              <text>老板昵称</text>
              <text class="text">{{item.character}}</text>
            </view>
            <view class="name">
              <text>从业年限</text>
              <text class="text">{{item.shopTime}}</text>
            </view>
            <view class="name" v-if="item.copy1">
              <div style="white-space: nowrap;">宣传文案</div>
              <text class="text">{{item.copy1}}</text>
            </view>
            <view class="name" v-if="item.copy2">
              <div style="white-space: nowrap;">宣传文案</div>
              <text class="text">{{item.copy2}}</text>
            </view>
      </view>
      <view class="flxed">
        <button @click="into" class="tianjia tianjia-style">导入</button>
      </view>
      </view>
    </view>
  </uni-popup> -->
  <uni-popup ref="popup" @change="popupChange">
    <view class="content2">
      <view class="close">
        <image
          class="close-btn"
          @click="close1()"
          src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/list_button_Close.png"
          mode=""
        />
        产品库
        <text @click="close1(1)" class="addbtn" :class="!cusTitle ? 'disable' : ''"
          >新增</text
        >
      </view>
      <view style="overflow-y: scroll;width: 100%;height: 733rpx;">
        <view class="tips"></view>
        <view style="display: flex;align-items: center;justify-content: space-between;padding: 0 30rpx 0 30rpx;margin-bottom: 30rpx;" @click="templateClick(item)" v-for="item in templates" :key="item.id">
          <view style="margin-right: 30rpx;">
              <aip-checkbox :key="keys" :check="templateId.id==item.id"></aip-checkbox>
        </view>
        <view class="item" :class="templateId.id==item.id?'active-tem':''" >
            <view class="name">
              <text>产品名称</text>
              <text class="text">{{item.product}}</text>
            </view>
            <view class="name">
              <text>产品价格</text>
              <text class="text">{{item.price}}</text>
            </view>
      </view>
        </view>
      <view class="flxed">
        <button @click="into" class="tianjia tianjia-style">确认</button>
      </view>
      </view>
    </view>
  </uni-popup>
  <uni-popup ref="addO" @change="popupChange">
    <view class="content2">
      <view class="close">
        <image
          class="close-btn"
          @click="close1(2)"
          src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/list_button_Close.png"
          mode=""
        />
        添加新产品
      </view>
      <view class="from">
        <view class="name">
          <text>产品名称</text>
          <input v-model="chartlet" class="input" type="text" placeholder="如双人套餐">
        </view>
        <view class="name">
          <text>产品价格</text>
          <input v-model="price" class="input" type="text" placeholder="如29.9">
        </view>
      </view>
        <btnModule message="确认" @customClick="addTem" />
    </view>
    
  </uni-popup>

</template>

<style lang="scss">
.page {
  box-sizing: border-box;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 255, 0);
  .dastonish{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 88rpx;
    left: 88rpx;
    width: 176rpx;
    height: 200rpx;
    background-image: url(../../static/huazi_bg_bg18.png);
    background-size: cover;
    .astonish {
    font-family: "almm";
    width: 176rpx;
    // height: 200rpx;
    // position: absolute;
    // top: 88rpx;
    // left: 88rpx;
    text-align: center;
    // line-height: 200rpx !important;
    font-size: 60rpx;
    font-weight: 700;
    transform: translateY(18rpx);
    // padding-top: 40rpx;
    box-sizing: border-box;
    color: #fff;
    text-shadow: 2rpx 2rpx 0 rgb(64, 40, 40) !important;
  }
  }
  .astonish1 {
    font-family: "almm";
    width: 176rpx;
    height: 200rpx;
    position: absolute;
    top: 88rpx;
    left: 88rpx;
    background-image: url(../../static/huazi_bg_bg18.png);
    background-size: cover;
    text-align: center;
    line-height: 200rpx !important;
    font-size: 60rpx;
    font-weight: 700;
    padding-top: 40rpx;
    box-sizing: border-box;
    color: #fff;
    text-shadow: 2rpx 2rpx 0 rgb(64, 40, 40) !important;
  }
  .arrow {
    width: 140rpx;
    height: 110rpx;
    position: absolute;
    top: 90rpx;
    left: 70rpx;
  }
  .bar {
    font-family: "almm";
    width: 168rpx;
    height: 120rpx;
    position: absolute;
    top: 242rpx;
    right: 44rpx;
    background-image: url(../../static/huazi_bg_bg16_1.png);
    background-size: cover;
    text-align: center;
    line-height: 120rpx;
    font-size: 52rpx;
    font-weight: 700;
    color: rgb(185, 49, 58);
    text-shadow: 2rpx 0 #fff, -2rpx 0 #fff, 0 2rpx #fff, 0 -2rpx #fff !important;
  }
  .bgi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .div {
    width: 574rpx;
    height: 96rpx;
    position: absolute;
    top: 156rpx;
    left: 88rpx;
    .input {
      overflow: visible !important;
      position: relative !important;
      width: 100%;
      height: 68rpx;
      font-size: 52rpx;
      font-weight: 700;
      text-shadow: 0 4rpx 0 rgb(0, 0, 0);
      color: #fff;
      text-align: center;
      z-index: 999;
    }
  }

  .textarea {
    width: 670rpx;
    display: inline-block;
    white-space: pre-wrap;
    position: absolute;
    // margin: 276rpx!important;
    overflow: hidden;
    height: auto;
    top: 276rpx;
    left: 40rpx;
    // transform: translateX(-50%);
    text-align: center;
    padding: 18rpx 8rpx;
    box-sizing: border-box;
    font-size: 32rpx;
    font-weight: 500;
    color: #fff;
    white-space: pre-wrap !important;
  }
  .bottom {
    display: flex;
    // align-items: center;
    justify-content: space-between;
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 166rpx;
    background-color: #fff;
    box-sizing: border-box;
    padding: 10rpx 30rpx 0;
    .set {
      width: 120rpx;
      height: 42rpx;
      margin-top: 24rpx;
      font-size: 28rpx;
      color: rgb(142, 84, 244);
    }
    .button {
      width: 554rpx;
      height: 88rpx;
      border-radius: 8rpx;
      background-color: rgb(241, 241, 241);
      text-align: center;
      line-height: 88rpx;
      font-size: 32rpx;
      color: rgb(192, 196, 204);
      margin: 0;
    }
  }
}
.content2{
  width: 100%;
  height: 1000rpx;
  border-radius: 32rpx 32rpx 0 0;
  background-color: #fff;
  .close {
    width: 100%;
    height: 108rpx;
    text-align: center;
    line-height: 108rpx;
    font-size: 32rpx;
    font-weight: 700;
    color: rgb(48, 49, 51);
    border-bottom: 1px solid rgb(220, 223, 230);
    .close-btn {
      position: absolute;
      top: 30rpx;
      left: 30rpx;
      width: 48rpx;
      height: 48rpx;
    }
    .addbtn {
      position: absolute;
      right: 30rpx;
      font-size: 28rpx;
      color: rgb(142, 84, 244);
    }
  }
  .from{
    overflow-y: scroll;
    width: 690rpx;
    height: 1044rpx;
    background-color: rgb(249,249,249);
    border-radius: 16rpx;
    padding: 0 30rpx;
    padding-bottom: 356rpx;
    margin: 30rpx;
    box-sizing: border-box;
    .name{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 630rpx;
      height: 116rpx;
      font-size: 30rpx;
      color: rgb(69,70,74);
      border-bottom: 1px solid rgb(220, 223, 230);
      .input{
        text-align: right;
      }
    }

  }
  .tips{
    font-size: 24rpx;
    color: rgb(252,139,0);
    margin: 30rpx;
  }
  .item{
    width: 612rpx;
    // margin: 30rpx;
    border-radius: 24rpx;
    border: 1px solid rgb(220,223,230);
    .name{
      // width: 630rpx;
      margin: 36rpx 30rpx;
      display: flex;
      justify-content: space-between;
      font-size: 28rpx;
      color: rgb(144,147,153);
      .text{
        color: rgb(69,70,74);
      }
    }
  }
  .flxed{
          width: 100%;
          height: 166rpx;
          position: fixed;
          bottom: 0;
          left: 0;
          background-color: #fff;
          .tianjia{
            width: 690rpx;
            height: 88rpx;
            margin: 10rpx 30rpx 0;
            font-size: 32rpx;
            text-align: center;
            line-height: 88rpx;
            background-color: rgba(241, 241, 241, 1);
            color: rgb(192,196,204);
          }
        }
}
.popup {
  width: 100%;
  height: 814rpx;
  border-radius: 32rpx 32rpx 0 0;
  background-color: #fff;

  .close {
    width: 100%;
    height: 108rpx;
    text-align: center;
    line-height: 108rpx;
    font-size: 32rpx;
    font-weight: 700;
    color: rgb(48, 49, 51);
    border-bottom: 1px solid rgb(220, 223, 230);
    .close-btn {
      position: absolute;
      top: 30rpx;
      left: 30rpx;
      width: 48rpx;
      height: 48rpx;
    }
    .add {
      position: absolute;
      right: 30rpx;
      font-size: 28rpx;
      color: rgb(142, 84, 244);
    }
  }
  .tab{
    width: 162rpx;
    height: 54rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 30rpx 0 0 30rpx;
    .tab-top{
      display: flex;
      justify-content: space-between;
      color: rgb(144,147,153);
      font-size: 30rpx;
    }
    .line{
      width: 30rpx;
      height: 4rpx;
      background-color: rgb(142, 84, 244);
      border-radius: 214rpx;
      transform: translateX(16rpx);
      transition: all 0.5s;
    }
    .left{
      transform: translateX(118rpx);
    }
    .purple{
      color: rgb(142, 84, 244);
    }
  }
  .content {
    width: 100%;
    height: 706rpx;
    padding: 30rpx;
    padding-bottom: 250rpx;
    box-sizing: border-box;
    overflow-y: scroll;
    .name{
      width: 100%;
      height: 104rpx;
      background-color: rgb(246,248,251);
      border-radius: 16rpx;
      padding: 30rpx;
      box-sizing: border-box;
      font-size: 30rpx;
      margin-bottom: 30rpx;

    }
    .box{
      position: relative;
      .copy{
      width: 100%;
      height: 220rpx;
      background-color: rgb(246,248,251);
      border-radius: 16rpx;
      padding: 30rpx;
      box-sizing: border-box;
      margin: 0 0 30rpx 0;
      font-size: 30rpx;
     
    }
    .AI{
        position: absolute;
        bottom: 30rpx;
        right: 30rpx;
        color: rgb(142, 84, 244);
        font-size: 28rpx;
      }
    }
    .bottom {
  position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 150rpx;
    width: 100%;
    padding: 0 30rpx;
    background-color: #fff;
    box-sizing: border-box;
    .btm-ai{
      width: 60rpx;
      height: 78rpx;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      font-size: 20rpx;
      color: rgb(144, 147, 153);
      margin-right: 30rpx;
    }

  .bottom-quxiao {
    width: 330rpx;
    height: 86rpx;
    text-align: center;
    line-height: 88rpx;
    color: rgba(142, 84, 244, 1);
    border: 1px solid rgba(142, 84, 244, 1);
    margin: 0;
    margin-right: 18rpx;
  }
  .bottom-queren {
    width: 336rpx;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 32rpx;
    background-color: rgba(142, 84, 244, 1);
    color: #fff;
    margin: 0;
  }
  .bottom-queren1 {
    width: 336rpx;
    height: 88rpx;
    text-align: center;
    line-height: 88rpx;
    font-size: 32rpx;
    background-color: #fff;
    color: rgb(142, 84, 244);
    border: 1px solid rgb(142, 84, 244);
    margin: 0;
  }
}
    
    .product{
      width: 100%;
      height: 104rpx;
      background-color: rgb(246,248,251);
      border-radius: 16rpx;
      padding: 30rpx;
      box-sizing: border-box;
      margin-bottom: 30rpx;
      font-size: 30rpx;

    }
    .price{
      width: 100%;
      height: 104rpx;
      background-color: rgb(246,248,251);
      border-radius: 16rpx;
      padding: 30rpx;
      box-sizing: border-box;
      margin-bottom: 100rpx;
      font-size: 30rpx;
    }
    
    .li {
      .item {
        position: relative;
        width: 332rpx;
        height: 248rpx;
        background-color: rgb(249, 246, 254);
        border-radius: 32rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid rgba(0, 0, 0, 0);

        .item-input {
          width: 296rpx;
          height: 132rpx;
        }
        .poa {
          position: absolute;
          top: 0;
          right: 0;
          width: 84rpx;
          height: 48rpx;
          border-radius: 0 32rpx 0 32rpx;
        }
      }
      &:nth-child(2n-1) {
        margin: 0 10rpx 10rpx 0;
      }
    }
    .fixed{
      height: 166rpx;
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      display: flex;
      border-top: 1px solid rgb(220,223,230);
      padding-top: 10rpx;
      background-color: #fff;
      .save{
        width: 336rpx;
        height: 88rpx;
        border: 1px solid rgb(142, 84, 244);
        font-size: 32rpx;
        color: rgb(142, 84, 244);
        background-color: #fff;
      }
      .ku{
        width: 336rpx;
        height: 88rpx;
        background-color: rgb(142, 84, 244);
        color: #fff;
        font-size: 32rpx;
      }
    }
  }
}
.content1{
  width: 100%;
  height: 1000rpx;
  border-radius: 32rpx 32rpx 0 0;
  background-color: #fff;
  .close {
    width: 100%;
    height: 108rpx;
    text-align: center;
    line-height: 108rpx;
    font-size: 32rpx;
    font-weight: 700;
    color: rgb(48, 49, 51);
    border-bottom: 1px solid rgb(220, 223, 230);
    .close-btn {
      position: absolute;
      top: 30rpx;
      left: 30rpx;
      width: 48rpx;
      height: 48rpx;
    }
    .addbtn {
      position: absolute;
      right: 30rpx;
      font-size: 28rpx;
      color: rgb(142, 84, 244);
    }
  }
  .from{
    overflow-y: scroll;
    width: 690rpx;
    height: 1044rpx;
    background-color: rgb(249,249,249);
    border-radius: 16rpx;
    padding: 0 30rpx;
    padding-bottom: 356rpx;
    margin: 30rpx;
    box-sizing: border-box;
    .name{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 630rpx;
      height: 116rpx;
      font-size: 30rpx;
      color: rgb(69,70,74);
      border-bottom: 1px solid rgb(220, 223, 230);
      .input{
        text-align: right;
      }
    }

  }
  .tips{
    font-size: 24rpx;
    color: rgb(252,139,0);
    margin: 30rpx;
  }
  .item{
    width: 690rpx;
    margin: 30rpx;
    border-radius: 24rpx;
    border: 1px solid rgb(220,223,230);
    .name{
      width: 630rpx;
      margin: 36rpx 30rpx;
      display: flex;
      justify-content: space-between;
      font-size: 28rpx;
      color: rgb(144,147,153);
      .text{
        color: rgb(69,70,74);
      }
    }
  }
  .flxed{
          width: 100%;
          height: 166rpx;
          position: fixed;
          bottom: 0;
          left: 0;
          background-color: #fff;
          .tianjia{
            width: 690rpx;
            height: 88rpx;
            margin: 10rpx 30rpx 0;
            font-size: 32rpx;
            background-color: rgba(241, 241, 241, 1);
            color: rgb(192,196,204);
          }
          .tianjia-style{
      background-color: rgb(142,84,244) !important;
      color: #fff !important;
    }
        }
}
.active-tem{
      border: 1px solid rgb(142, 84, 244) !important;
    }
.check {
  background-color: rgb(249, 246, 254) !important;
  border: 1px solid rgb(142, 84, 244) !important;
}

.dcheck1 {
  // background-image: url(../../static/huazi_bg_bg1.png);
  background-size: cover;
  // padding-top: 26rpx;
  box-sizing: border-box;
}
.icheck1 {
  top: 8rpx !important;
  line-height: 75rpx;
  font-family: "sc";
  overflow: hidden;
  white-space: nowrap;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: #fff !important;
  text-shadow: 0rpx 4rpx 0rpx rgb(0, 0, 0);
}
.tcheck1 {
  position: static !important;
  width: auto !important;
  margin: 276rpx auto;
  max-width: 670rpx;
  background-color: rgb(175, 100, 232);
  font-size: 32rpx !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.dcheck2 {
  // background-image: url(../../static/huazi_bg_bg2.png);
  background-size: cover;
  // padding-top: 20rpx;
  box-sizing: border-box;
}
.icheck2 {
  top: 6rpx;
  font-family: "albb";
  overflow: hidden;
  white-space: nowrap;
  line-height: 80rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  color: rgb(235, 97, 0) !important;
  text-shadow: 2rpx 0 #fff, -2rpx 0 #fff, 0 2rpx #fff,
    0 -2rpx #fff !important;
}
.tcheck2 {
  // background-color: rgb(128, 189, 255);
  font-size: 32rpx !important;
  color: rgb(235, 97, 0) !important;
  font-weight: 500 !important;
}
.dcheck6 {
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 200rpx !important;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  // line-height: 250rpx !important;
}
.icheck6 {
  font-family: "sc";
  overflow: hidden;
  white-space: nowrap;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: #000 !important;
  text-shadow: 2rpx 0 rgb(248, 182, 45), -2rpx 0 rgb(248, 182, 45), 0 2rpx rgb(248, 182, 45),
    0 -2rpx rgb(248, 182, 45) !important;
  position: absolute;
  top: 104rpx;
}
.tcheck6 {
  font-family: "ms";
  position: static !important;
  margin: 360rpx auto 12rpx;
  background-color: transparent;
  font-size: 48rpx !important;
  color: rgb(248, 282, 45) !important;
  font-weight: 500 !important;
  top: 360rpx !important;
  -webkit-text-stroke: 2rpx black !important;
  padding: 0 0 15rpx 0 !important;
}
.mcheck6 {
  font-family: "hy";
  margin: 0 auto 0;
  background-image: url(../../static/huazi_bg_bg6_1.png);
  background-size: 100% 100%;
  width: 168rpx;
  height: 48rpx;
  text-align: center;
  line-height: 48rpx;
  font-size: 28rpx;
  padding: 0 10rpx;
  box-sizing: border-box;
  color: rgb(143, 71, 0);
}
.dcheck3 {
  // background-image: url(../../static/huazi_bg_bg3.png);
  background-size: cover;
  // padding-top: 22rpx;
  box-sizing: border-box;
}
.icheck3 {
  top: 6rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "hy";
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(28, 25, 22) !important;
  text-shadow: 2rpx 2rpx 0rpx rgb(255, 255, 255) !important;
}
.tcheck3 {
  background-color: rgb(252, 182, 146);
  font-size: 32rpx !important;
  color: rgb(145, 65, 0) !important;
  font-weight: 500 !important;
}
.dcheck4 {
  
  // background-image: url(../../static/huazi_bg_bg4.png);
  background-size: cover;
  // padding-top: 20rpx;
  box-sizing: border-box;
}
.icheck4 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: #000 !important;
  text-shadow: 2rpx 0 #fff, -2rpx 0 #fff, 0 2rpx #fff,
    0 -2rpx #fff !important;
}
.tcheck4 {
  position: static !important;
  width: auto !important;
  margin: 276rpx auto;
  max-width: 670rpx;
  background-color: rgb(146, 182, 234);
  font-size: 32rpx !important;
  color: rgb(0, 0, 0) !important;
  font-weight: 500 !important;
}
.dcheck5 {
  // background-image: url(../../static/huazi_bg_bg5.png);
  background-size: cover;
  // padding-top: 20rpx;
  box-sizing: border-box;
}
.icheck5 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(0, 125, 153) !important;
  -webkit-text-stroke: 2rpx #fff;
}
.tcheck5 {
  background-color: rgb(151, 234, 247);
  font-size: 32rpx !important;
  color: rgb(4, 109, 133) !important;
  font-weight: 500 !important;
}
.dcheck7 {
  // background-image: url(../../static/huazi_bg_bg7.png);
  background-size: cover;
  // padding-top: 16rpx;
  box-sizing: border-box;
}
.icheck7 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  min-height: 0 !important;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  color: #fff !important;
  -webkit-text-stroke: 4rpx rgb(39, 86, 185);
}
.tcheck7 {
  background-color: rgb(105, 225, 255);
  font-size: 32rpx !important;
  color: rgb(39, 86, 185) !important;
  font-weight: 500 !important;
}
.dcheck8 {
  // background-image: url(../../static/huazi_bg_bg8.png);
  background-size: cover;
  // padding-top: 34rpx;
  box-sizing: border-box;
}
.icheck8 {
  // position: absolute !important;
  height: 100rpx !important;
  line-height: 100rpx !important;
  top: 10rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  font-size: 52rpx !important;
  font-weight: 700 !important;
  color: #fff !important;
  -webkit-text-stroke: 2rpx rgb(255, 69, 118);
}
.tcheck8 {
  background-color: rgb(219, 112, 209);
  font-size: 32rpx !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.dcheck9 {
  // background-image: url(../../static/huazi_bg_bg9.png);
  background-size: cover;
  // padding-top: 18rpx;
  box-sizing: border-box;
}
.icheck9 {
  line-height: 75rpx;
  overflow: hidden;
  white-space: nowrap;
  top: 8rpx;
  font-family: "almm";
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(255, 245, 140) !important;
  -webkit-text-stroke: 2rpx rgb(180, 117, 37);
}
.tcheck9 {
  background-color: rgb(255, 245, 140);
  font-size: 32rpx !important;
  color: rgb(164, 0, 0) !important;
  font-weight: 500 !important;
}
.dcheck10 {
  // background-image: url(../../static/huazi_bg_bg10.png);
  background-size: cover;
  // padding-top: 18rpx;
  box-sizing: border-box;
}
.icheck10 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(255, 185, 56) !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000,
    0 -2rpx #000 !important;
}
.tcheck10 {
  position: static !important;
  width: auto !important;
  margin: 276rpx auto;
  max-width: 670rpx;
  background-color: #fff;
  font-size: 32rpx !important;
  color: rgb(0, 0, 0) !important;
  font-weight: 500 !important;
}
.dcheck11 {
  // background-image: url(../../static/huazi_bg_bg11.png);
  background-size: cover;
  // padding-top: 32rpx;
  box-sizing: border-box;
}
.icheck11 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(255, 141, 26) !important;
  text-shadow: 2rpx 0 #fff, -2rpx 0 #fff, 0 2rpx #fff,
    0 -2rpx #fff !important;
}
.tcheck11 {
  position: static !important;
  width: auto !important;
  margin: 276rpx auto;
  max-width: 670rpx;
  background-color: rgb(255, 245, 140);
  font-size: 32rpx !important;
  color: rgb(0, 73, 134) !important;
  font-weight: 500 !important;
}
.dcheck12 {
  // background-image: url(../../static/huazi_bg_bg12.png);
  background-size: cover;
  // padding-top: 24rpx;
  box-sizing: border-box;
}
.icheck12 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: #fff !important;
  -webkit-text-stroke: 2rpx rgb(179, 53, 103);
}
.tcheck12 {
  background-color: rgb(233, 45, 149);
  font-size: 32rpx !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.dcheck13 {
  // background-image: url(../../static/huazi_bg_bg13.png);
  background-size: cover;
  // padding-top: 28rpx;
  box-sizing: border-box;
}
.icheck13 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  font-family: "almm";
  line-height: 75rpx;
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(255, 245, 140) !important;
  -webkit-text-stroke: 2rpx rgb(180, 117, 37);
}
.tcheck13 {
  background-color: rgb(255, 245, 140);
  font-size: 32rpx !important;
  color: rgb(243, 152, 0) !important;
  font-weight: 500 !important;
}
.dcheck14 {
  // background-image: url(../../static/huazi_bg_bg14.png);
  background-size: cover;
  // padding-top: 36rpx;
  box-sizing: border-box;
}
.icheck14 {
  top: 8rpx;
  overflow: hidden;
  white-space: nowrap;
  line-height: 75rpx;
  font-family: "almm";
  font-size: 52rpx !important;
  font-weight: 700 !important;
  letter-spacing: 0rpx;
  color: rgb(248, 227, 182) !important;
  -webkit-text-stroke: 2rpx rgb(238, 30, 50);
}
.tcheck14 {
  background-color: rgb(132, 204, 201);
  font-size: 32rpx !important;
  color: rgb(238, 30, 50) !important;
  font-weight: 500 !important;
}
.dcheck15 {
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 120rpx !important;
  width: 670rpx !important;
  top: 104rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck15 {
  font-family: "ms";
  overflow: hidden;
  white-space: nowrap;
  font-size: 56rpx !important;
  height: 82rpx !important;
  line-height: 82rpx;
  font-weight: 400 !important;
  transform: translateY(54rpx);
  color: #000 !important;
  text-shadow: 0 0 transparent !important;
  position: absolute;
}
.tcheck15 {
  font-family: "almm";
  position: static !important;
  margin: 242rpx auto 12rpx;
  background-color: transparent;
  font-size: 48rpx !important;
  color: rgb(248, 282, 45) !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  padding: 0 !important;
}
.mcheck15 {
  font-family: "ms";
  margin: 0 auto 0;
  background-image: url(../../static/huazi_bg_bg15_1.png);
  background-size: cover;
  width: 670rpx;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  font-size: 44rpx;
  padding: 0 10rpx;
  box-sizing: border-box;
  text-shadow: 2rpx 0 #ece474, -2rpx 0 #ece474, 0 2rpx #ece474, 0 -2rpx #ece474 !important;
  color: #120b02;
}

.dcheck16 {
  display: flex;
  justify-content: center;
  align-items: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 0rpx !important;
  box-sizing: border-box;
  height: 98rpx !important;
  width: 670rpx !important;
  top: 104rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck16 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 98rpx !important;
  text-align: center;
  background-color: rgb(252, 239, 185);
  border-radius: 362rpx;
  font-family: "almm";
  font-size: 64rpx !important;
  line-height: 98rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: rgb(58, 36, 7) !important;
  text-shadow: 0 0 transparent !important;
}
.tcheck16 {
  font-family: "almm";
  width: 670rpx !important;
  height: 98rpx !important;
  line-height: 98rpx;
  position: static !important;
  margin: 242rpx auto 0;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg16_2.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  font-size: 48rpx !important;
  color: #fff !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: left !important;
  text-shadow: 2rpx 0 rgb(89, 40, 18), -2rpx 0 rgb(89, 40, 18), 0 2rpx rgb(89, 40, 18),
    0 -2rpx rgb(89, 40, 18) !important;
  padding: 0 !important;
}
.mcheck16 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "almm";
  margin: 0 auto;
  background-image: url(../../static/huazi_bg_bg16_3.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  width: 670rpx;
  height: 82rpx !important;
  line-height: 82rpx !important;
  font-size: 48rpx;
  padding-left: 270rpx;
  box-sizing: border-box;
  text-shadow: 2rpx 0 rgb(89, 40, 18), -2rpx 0 rgb(89, 40, 18), 0 2rpx rgb(89, 40, 18),
    0 -2rpx rgb(89, 40, 18) !important;
  color: #fff;
}
.dcheck17 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  box-sizing: border-box;
  height: 120rpx !important;
  line-height: 120rpx;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck17 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 120rpx !important;
  min-height: 0;
  line-height: 120rpx !important;
  text-align: center;
  font-family: "ym";
  font-size: 100rpx !important;
  font-weight: 400 !important;
  // transform: translateY(-200rpx);
  color: #000 !important;
  text-shadow: 0 0 transparent !important;
}
.tcheck17 {
  font-family: "ym";
  width: 670rpx !important;
  position: static !important;
  margin: 288rpx auto 12rpx;
  background-color: transparent;
  font-size: 60rpx !important;
  color: rgb(69, 53, 28) !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: left !important;
  // text-shadow: 2rpx 0 rgb(89,40,18),-2rpx 0 rgb(89,40,18),0 2rpx rgb(89,40,18),0 -2rpx rgb(89,40,18) !important;
  padding: 0 !important;
}
.mcheck17 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "sc";
  margin: 0 auto 0;
  background-image: url(../../static/huazi_bg_bg17_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 65%;
  width: 670rpx;
  height: 82rpx !important;
  // text-align: center;
  line-height: 82rpx !important;
  font-size: 44rpx;
  // padding: 0 10rpx;
  padding-left: 322rpx;
  box-sizing: border-box;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  color: #fff;
}
.dcheck18 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  // padding-top: 20rpx;
  box-sizing: border-box;
  height: 68rpx !important;
  width: 382rpx !important;
  top: 206rpx !important;
  left: 282rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck18 {
  overflow: hidden;
  white-space: nowrap;
  width: 382rpx !important;
  height: 68rpx !important;
  min-height: 0rpx !important;
  line-height: 68rpx !important;
  text-align: center;
  font-family: "ym";
  font-size: 56rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: #fff !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  background-color: rgb(207, 45, 33);
}
.tcheck18 {
  font-family: "albb";
  width: 670rpx !important;
  position: static !important;
  margin: 300rpx auto 12rpx;
  background-color: transparent;
  font-size: 60rpx !important;
  min-height: 100rpx;
  color: rgb(223, 56, 61) !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 2rpx 2rpx 0 rgb(248, 219, 102) !important;
  padding: 0 !important;
}
.dcheck19 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 88rpx !important;
  width: 670rpx !important;
  top: 142rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck19 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 88rpx !important;
  min-height: 0 !important;
  line-height: 88rpx;
  text-align: center;
  font-family: "almm";
  font-size: 72rpx !important;
  font-weight: 400 !important;
  // transform: translateX(-220rpx);
  color: #000 !important;
  text-shadow: 2rpx 2rpx 0 #fff !important;
}
.tcheck19 {
  font-family: "ypz";
  width: 670rpx !important;
  position: static !important;
  margin: 288rpx auto 12rpx;
  // background-color: transparent;
  background-image: url(../../static/huazi_bg_bg19_1.png);
  background-size: 216rpx 28rpx;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  font-size: 48rpx !important;
  color: rgb(2, 0, 1) !important;
  font-weight: 400 !important;
  top: 360rpx !important;
  text-align: center !important;
  // text-shadow: 2rpx 0 rgb(89,40,18),-2rpx 0 rgb(89,40,18),0 2rpx rgb(89,40,18),0 -2rpx rgb(89,40,18) !important;
  padding: 0 !important;
}
.mcheck19 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "sc";
  margin: 0 auto;
  min-height: 0 !important;
  background-image: url(../../static/huazi_bg_bg19_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  // background-position: 0 65%;
  width: 320rpx;
  height: 56rpx !important;
  text-align: center;
  line-height: 56rpx !important;
  font-size: 28rpx;
  // padding: 0 10rpx;
  // padding-left: 322rpx;
  box-sizing: border-box;
  // text-shadow: 2rpx 0 #000,-2rpx 0 #000,0 2rpx #000,0 -2rpx #000 !important;
  color: #000;
}
.micheck19{
  width: 232rpx !important;
  height: 88rpx !important;
  margin: 0 auto;
}
.dcheck20 {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: 96rpx !important;
  width: 320rpx !important;
  top: 144rpx !important;
  left: 216rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck20 {
  overflow: hidden;
  white-space: nowrap;
  width: 320rpx !important;
  height: 96rpx !important;
  line-height: 96rpx !important;
  min-height: 0 !important;
  text-align: center;
  font-family: "zh";
  font-size: 80rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: #000 !important;
  text-shadow: 4rpx 4rpx 0 rgb(231, 184, 76) !important;
}
.tcheck20 {
  font-family: "almm";
  width: 670rpx !important;
  position: static !important;
  margin: 252rpx auto 12rpx;
  font-size: 48rpx !important;
  color: rgb(244, 189, 68) !important;
  font-weight: 400 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  padding: 0 !important;
}
.dcheck21 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 108rpx !important;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck21 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 108rpx !important;
  line-height: 108rpx;
  text-align: center;
  font-family: "almm";
  font-size: 68rpx !important;
  font-weight: 700 !important;
  // transform: translateY(10rpx);
  color: #000 !important;
  text-shadow: 2rpx 2rpx 0 #fff !important;
}
.tcheck21 {
  white-space: nowrap !important;
  overflow: hidden !important;
  font-family: "albb";
  width: 670rpx !important;
  position: static !important;
  margin: 272rpx auto 12rpx;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg21_1.png);
  background-size: 100% 100%;
  font-size: 36rpx !important;
  color: #fff !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: left !important;
  text-shadow: 2rpx 0 rgb(145, 108, 42), -2rpx 0 rgb(145, 108, 42),
    0 2rpx rgb(145, 108, 42), 0 -2rpx rgb(145, 108, 42) !important;
  padding: 0 !important;
}
.mcheck21 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "albb";
  margin: 30rpx auto 0;
  background-image: url(../../static/huazi_bg_bg21_2.png);
  background-size: cover;
  width: 670rpx;
  height: 56rpx;
  min-height: 0 !important;
  text-align: left;
  line-height: 56rpx;
  font-size: 36rpx;
  // padding: 0 10rpx;
  padding-left: 94rpx;
  box-sizing: border-box;
  text-shadow: 2rpx 0 rgb(145, 108, 42), -2rpx 0 rgb(145, 108, 42),
    0 2rpx rgb(145, 108, 42), 0 -2rpx rgb(145, 108, 42) !important;
  color: #fff;
}
.micheck21{
  width: 366rpx !important;
  height: 108rpx !important;
  margin: 0 auto;
}
.dcheck22 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 156rpx !important;
  width: 670rpx !important;
  top: 124rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck22 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 156rpx !important;
  line-height: 156rpx !important;
  text-align: center;
  font-family: "almm";
  font-size: 64rpx !important;
  font-weight: 700 !important;
  // transform: translateY(10rpx);
  color: rgb(248, 214, 126) !important;
  text-shadow: 2rpx 2rpx 0 #000 !important;
}
.tcheck22 {
  font-family: "dyh";
  width: 670rpx !important;
  position: static !important;
  margin: 298rpx auto 36rpx;
  background-color: transparent;
  font-size: 52rpx !important;
  color: rgb(246, 239, 179) !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  padding: 0 !important;
}
.dcheck23 {
  position: static !important;
  justify-content: center;
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  // height: 78rpx !important;
  height: auto !important;
  width: auto !important;;
  margin: 144rpx auto 18rpx;
  text-align: center;
  // width: 260rpx !important;
  // width: auto !important;
  top: 144rpx !important;
  left: 245rpx !important;
  // left: 50%;
  // transform: translateX(-50%);
  // background-color: rgb(111, 169, 225) !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck23 {
  width: auto !important;
  height: auto !important;
  display: inline-block;
  // height: 78rpx !important;
  max-width: 670rpx !important;
  // width: auto !important;
  text-align: center !important;
  line-height: 78rpx;
  font-family: "almm";
  font-size: 60rpx !important;
  font-weight: 700 !important;
  white-space: pre-wrap;
  // transform: translateY(10rpx);
  background-color: rgb(111, 169, 225) !important;
  color: #fff !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.tcheck23 {
  display: inline-block;
  font-family: "almm";
  width: auto !important;
  max-width: 670rpx;
  white-space: pre-wrap;
  // width: auto !important;
  height: auto !important;
  line-height: 78rpx !important;
  position: static !important;
  // margin: 250rpx auto 36rpx;
  background-color: transparent;
  // min-width: 206rpx !important;
  font-size: 60rpx !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-align: center !important;
  background-color: rgb(111, 169, 225) !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  padding: 0 !important;

}
.dcheck24 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 140rpx !important;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck24 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 140rpx !important;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-family: "zh";
  font-size: 116rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: rgb(223, 149, 64) !important;
  // text-shadow: 2rpx 0 #000,-2rpx 0 #000,0 2rpx #000,0 -2rpx #000 !important;
}
.tcheck24 {
  font-family: "sc";
  width: 670rpx !important;
  position: static !important;
  margin: 310rpx auto 36rpx;
  background-color: transparent;
  min-width: 206rpx;
  font-size: 48rpx !important;
  color: #fff !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 4rpx 0 rgb(244, 186, 127), -4rpx 0 rgb(244, 186, 127),
    0 4rpx rgb(244, 186, 127), 0 -4rpx rgb(244, 186, 127) !important;
  padding: 0 !important;
}
.dcheck25 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 96rpx !important;
  width: 670rpx !important;
  top: 96rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck25 {
  overflow: visible !important;
  white-space: nowrap;
  width: 670rpx !important;
  // height: auto !important;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-family: "almm";
  font-size: 80rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: rgb(240, 190, 105) !important;
  text-shadow: 4rpx 4rpx 0 #000 !important;
}
.tcheck25 {
  font-family: "lulu";
  width: 710rpx !important;
  height: 66rpx !important;
  line-height: 66rpx !important;
  position: static !important;
  margin: 216rpx auto 21rpx;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg25_1.png);
  background-size: contain;
  background-position: 0 100%;
  background-repeat: no-repeat;
  min-width: 206rpx;
  font-size: 46rpx !important;
  color: #fff !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 2rpx 0 rgb(65, 32, 16), -2rpx 0 rgb(65, 32, 16), 0 2rpx rgb(65, 32, 16),
    0 -2rpx rgb(65, 32, 16) !important;
  padding: 0 !important;
}
.mcheck25 {
  font-family: "almm";
  margin: 30rpx auto 0;
  // background-image: url(../../static/huazi_bg_bg25_1.png);
  // background-size: cover;
  width: 426rpx;
  height: 68rpx;
  text-align: center;
  line-height: 68rpx;
  font-size: 36rpx;
  font-weight: 700;
  // padding: 0 10rpx;
  // padding-left: 270rpx;
  box-sizing: border-box;
  background-color: #fff;
  margin: 44rpx 20rpx 0 275rpx;
  // text-shadow: 2rpx 0 rgb(145,108,42),-2rpx 0 rgb(145,108,42),0 2rpx rgb(145,108,42),0 -2rpx rgb(145,108,42) !important;
  color: #000;
}
.mark25 {
  width: 228rpx;
  height: 104rpx;
  background-image: url(../../static/huazi_bg_bg25_2.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 306rpx;
  left: 40rpx;
  .ftext25 {
    width: 228rpx;
    position: absolute;
    top: 16rpx;
    left: 60rpx;
    color: rgb(226, 197, 173);
    font-family: "albb";
    font-size: 24rpx;
    text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  }
  .stext25 {
    width: 228rpx;
    position: absolute;
    top: 56rpx;
    left: 60rpx;
    color: rgb(226, 197, 173);
    font-family: "albb";
    font-size: 24rpx;
    text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
  }
}
.dcheck26 {
  display: flex;
  // background-image: url(../../static/huazi_bg_bg6.png);
  background-size: cover;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 124rpx !important;
  width: 670rpx !important;
  top: 116rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck26 {
  max-width: 446rpx;
  overflow: hidden;
  white-space: nowrap;
  width: auto !important;
  height: 124rpx !important;
  text-align: left !important;
  line-height: 124rpx;
  background-image: url(../../static/huazi_bg_bg26.png);
  background-size: 100% 100%;
  text-align: center;
  font-family: "zh";
  font-size: 60rpx !important;
  font-weight: 400 !important;
  padding: 0 35rpx;
  // transform: translateY(10rpx);
  color: rgb(192, 64, 65) !important;
  // text-shadow: 4rpx 4rpx 0 #000!important;
}
.tcheck26 {
  font-family: "sc";
  width: 144rpx !important;
  height: 48rpx !important;
  line-height: 48rpx;
  position: static !important;
  margin: 232rpx 120rpx 0rpx 486rpx;
  background-color: transparent;
  min-width: 206rpx;
  font-size: 36rpx !important;
  color: rgb(253, 244, 122) !important;
  font-weight: 700 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 4rpx 0 rgb(195, 98, 37), -4rpx 0 rgb(195, 98, 37), 0 4rpx rgb(195, 98, 37),
    0 -4rpx rgb(195, 98, 37) !important;
  padding: 0 !important;
}
.mcheck26 {
  font-family: "almm";
  margin: 30rpx auto 0;
  // background-image: url(../../static/huazi_bg_bg25_1.png);
  // background-size: cover;
  width: 670rpx;
  height: 68rpx;
  text-align: center;
  line-height: 68rpx;
  font-size: 56rpx;
  font-weight: 700;
  // padding: 0 10rpx;
  // padding-left: 270rpx;
  box-sizing: border-box;
  color: #000;
  background-color: transparent;
  // margin: 44rpx 20rpx 0 275rpx;
  text-shadow: 2rpx 0 #fff, -2rpx 0 #fff, 0 2rpx #fff, 0 -2rpx #fff !important;
  color: #000;
}
.micheck26{
  width: 312rpx !important;
  height: 124rpx !important;
  margin: 0;
}
.div26 {
  width: 260rpx;
  height: 58rpx;
  display: flex;
  align-items: center;
  margin-left: 460rpx;
  .input26 {
    font-size: 48rpx;
    color: rgb(247, 211, 169);
    text-shadow: 2rpx 0 rgb(65, 44, 38), -2rpx 0 rgb(65, 44, 38), 0 2rpx rgb(65, 44, 38),
      0 -2rpx rgb(65, 44, 38) !important;
    font-family: "almm";
    margin-left: 18rpx;
  }
}
.dcheck27 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 78rpx !important;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck27 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 78rpx !important;
  text-align: left !important;
  line-height: 78rpx;
  font-family: "dyh";
  font-size: 64rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: rgb(246, 203, 70) !important;
  text-shadow: 4rpx 4rpx 0 #000 !important;
}
.tcheck27 {
  font-family: "dyh";
  width: 670rpx !important;
  height: 78rpx !important;
  position: static !important;
  margin: 232rpx auto 0;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg27.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  min-width: 206rpx;
  font-size: 64rpx !important;
  color: rgb(246, 203, 70) !important;
  font-weight: 400 !important;
  top: 360rpx !important;
  text-align: center !important;
  text-shadow: 4rpx 4rpx 0 #000 !important;
  padding: 0 !important;
}
.div27 {
  width: 568rpx;
  height: 124rpx;
  display: flex;
  justify-content: space-between;
  margin: 28rpx auto;
  .item {
    width: 124rpx;
    height: 124rpx;
    background-color: rgb(219, 235, 253);
    .input27 {
      width: 124rpx;
      height: 124rpx;
      min-height: 0;
      font-size: 56rpx;
      font-family: "almm";
      color: rgb(246, 203, 70);
      text-shadow: 4rpx 4rpx 0 #000 !important;
      text-align: center;
      line-height: 124rpx;
    }
  }
}
.dcheck28 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 80rpx !important;
  width: 670rpx !important;
  top: 84rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck28 {
  overflow: hidden;
  white-space: nowrap;
  max-width: 670rpx !important;
  width: auto !important;
  background: url(../../static/huazi_bg_bg28.png),no-repeat;
  background-size: 100% 100%;
  height: 80rpx !important;
  text-align: center !important;
  line-height: 80rpx;
  font-family: "almm";
  font-size: 56rpx !important;
  font-weight: 700 !important;
  // transform: translateY(10rpx);
  color: #000 !important;
  text-shadow: 0rpx 0rpx 0 #000!important;
  padding: 5rpx 10rpx !important;
}
.tcheck28 {
  font-family: "almm";
  max-width: 670rpx !important;
  width: auto !important;
  height: 70rpx !important;
  line-height: 70rpx;
  position: static !important;
  margin: 176rpx auto 0;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg28.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  // min-width: 206rpx;
  font-size: 48rpx !important;
  padding: 3rpx 10rpx !important;
  color: #000 !important;
  font-weight: 700 !important;
  // top: 360rpx !important;
  text-align: center !important;
  // text-shadow: 4rpx 4rpx 0 #000!important;
  // padding: 0 !important;
}
.mcheck28 {
  font-family: "dyh";
  margin: 30rpx auto 0;
  background-image: url(../../static/huazi_bg_bg28_2.png);
  background-size: 100% 100%;
  width: 556rpx;
  height: 132rpx;
  text-align: center;
  line-height: 132rpx;
  font-size: 48rpx;
  font-weight: 400;
  // padding: 0 10rpx;
  // padding-left: 270rpx;
  box-sizing: border-box;
  color: #000;
  background-color: transparent;
  // margin: 44rpx 20rpx 0 275rpx;
  // text-shadow: 2rpx 0 #fff,-2rpx 0 #fff,0 2rpx #fff,0 -2rpx #fff !important;
}
.micheck28{
  width: 264rpx !important;
  height: 80rpx !important;

}
.dcheck29 {
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  padding-top: 20rpx;
  box-sizing: border-box;
  height: 232rpx !important;
  width: 560rpx !important;
  top: 96rpx !important;
  left: 96rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck29 {
  overflow: hidden;
  white-space: nowrap;
  width: 432rpx !important;
  height: 116rpx !important;
  text-align: center !important;
  line-height: 116rpx;
  font-family: "albb";
  margin: 116rpx 0 0 128rpx !important;
  font-size: 66rpx !important;
  font-weight: 500 !important;
  // transform: translateY(10rpx);
  color: #fff !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.tcheck29 {
  font-family: "albb";
  width: 590rpx !important;
  overflow: hidden;
  height: 80rpx !important;
  line-height: 80rpx !important;
  position: static !important;
  margin: 334rpx auto 0;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg29_1.png);
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  // min-width: 206rpx;
  font-size: 48rpx !important;
  color: #fff !important;
  font-weight: 500 !important;
  // top: 360rpx !important;
  text-align: left !important;
  padding: 0 !important;
  text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.dcheck30 {
  width: auto !important;
  height: auto !important;
  position: static !important;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  padding-top: 20rpx;
  box-sizing: border-box;
  // height: 56rpx !important;
  // width: 168rpx !important;
  // top: 144rpx !important;
  // left: 292rpx !important;
  margin-top: 148rpx;
  text-align: center;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck30 {
  display: inline-block;
  // overflow: hidden;
  white-space: pre-wrap;
  max-width: 670rpx !important;
  width: auto !important;
  height: auto !important;
  text-align: center !important;
  line-height: 56rpx;
  font-family: "almm";
  font-size: 40rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  background-color: rgb(102,35,14);
  color: #fff !important;
  text-shadow: none !important;
  // text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.tcheck30 {
  max-width: 670rpx;
  font-family: "almm";
  white-space: pre-wrap;
  width: auto !important;
  height: auto !important;
  line-height: 56rpx;
  position: static !important;
  margin: 26rpx auto 0;
  background-color: rgb(102,35,14);
  // min-width: 206rpx;
  font-size: 40rpx !important;
  color: #fff !important;
  font-weight: 400 !important;
  // top: 360rpx !important;
  text-align: center !important;
  padding: 0 !important;
  // text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.dcheck31 {
  width: auto !important;
  height: auto !important;
  position: static !important;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  padding-top: 20rpx;
  box-sizing: border-box;
  // height: 56rpx !important;
  // width: 168rpx !important;
  // top: 144rpx !important;
  // left: 292rpx !important;
  margin-top: 148rpx;
  text-align: center;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck31 {
  display: inline-block;
  // overflow: hidden;
  white-space: pre-wrap;
  max-width: 670rpx !important;
  width: auto !important;
  height: auto !important;
  // overflow: hidden;
  // white-space: nowrap;
  // width: 168rpx !important;
  // height: 56rpx !important;
  text-align: center !important;
  line-height: 56rpx;
  font-family: "almm";
  font-size: 40rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  background-color: rgb(235,235,3);
  color: #000 !important;
  text-shadow: none !important;
}
.tcheck31 {
  max-width: 670rpx;
  font-family: "almm";
  white-space: pre-wrap;
  width: auto !important;
  height: auto !important;
  font-family: "almm";
  // width: 168rpx !important;
  // height: 56rpx !important;
  line-height: 56rpx;
  position: static !important;
  margin: 26rpx auto 0;
  background-color: rgb(235,235,3);
  // min-width: 206rpx;
  font-size: 40rpx !important;
  color: #000 !important;
  font-weight: 400 !important;
  // top: 360rpx !important;
  text-align: center !important;
  padding: 0 !important;
  // text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.dcheck32 {
  width: auto !important;
  height: auto !important;
  position: static !important;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  padding-top: 20rpx;
  box-sizing: border-box;
  // height: 56rpx !important;
  // width: 168rpx !important;
  // top: 144rpx !important;
  // left: 292rpx !important;
  margin-top: 148rpx;
  text-align: center;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck32 {
  display: inline-block;
  // overflow: hidden;
  white-space: pre-wrap;
  max-width: 670rpx !important;
  width: auto !important;
  height: auto !important;
  // overflow: hidden;
  // white-space: nowrap;
  // width: 168rpx !important;
  // height: 56rpx !important;
  text-align: center !important;
  line-height: 56rpx;
  font-family: "almm";
  font-size: 40rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  background-color: rgb(152,40,255);
  color: RGB(243,228,101) !important;
  text-shadow: none !important;
  // text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}
.tcheck32 {
  max-width: 670rpx;
  font-family: "almm";
  white-space: pre-wrap;
  width: auto !important;
  height: auto !important;
  font-family: "almm";
  // width: 168rpx !important;
  // height: 56rpx !important;
  line-height: 56rpx;
  position: static !important;
  margin: 26rpx auto 0;
  background-color: rgb(152,40,255);
  // min-width: 206rpx;
  font-size: 40rpx !important;
  color: RGB(243,228,101) !important;
  font-weight: 400 !important;
  // top: 360rpx !important;
  text-align: center !important;
  padding: 0 !important;
  // text-shadow: 2rpx 0 #000, -2rpx 0 #000, 0 2rpx #000, 0 -2rpx #000 !important;
}

.dcheck33 {
  display: flex;
  justify-content: center;
  // background-image: url(../../static/huazi_bg_bg6.png);
  // background-size: cover;
  background-color: transparent;
  // padding-top: 20rpx;
  box-sizing: border-box;
  height: 86rpx !important;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck33 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 86rpx !important;
  text-align: center !important;
  background-image: url(../../static/huazi_bg_bg33.png);
  background-size: 80% 50%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  line-height: 86rpx;
  font-family: "ym";
  font-size: 72rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: rgb(254,219,8) !important;
  text-shadow: 2rpx 0 #000,-2rpx 0 #000,0 2rpx #000,0 -2rpx #000 !important;
}
.tcheck33 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "almm";
  width: 600rpx !important;
  white-space: nowrap;
  height: 60rpx !important;
  position: static !important;
  line-height: 60rpx;
  margin: 260rpx auto 0;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg33_1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  // min-width: 206rpx;
  font-size: 40rpx !important;
  color: #000 !important;
  font-weight: 400 !important;
  // top: 360rpx !important;
  text-align: center !important;
  // text-shadow: 4rpx 4rpx 0 #000!important;
  padding: 0 !important;
}
.mcheck33 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "almm";
  margin: 22rpx auto 0;
  background-image: url(../../static/huazi_bg_bg33_1.png);
  background-size: 100% 100%;
  width: 600rpx;
  height: 60rpx;
  text-align: center;
  line-height: 60rpx;
  font-size: 40rpx;
  font-weight: 400;
  // padding: 0 10rpx;
  // padding-left: 270rpx;
  box-sizing: border-box;
  color: #000;
  background-color: transparent;
  // margin: 44rpx 20rpx 0 275rpx;
  // text-shadow: 2rpx 0 #fff,-2rpx 0 #fff,0 2rpx #fff,0 -2rpx #fff !important;
}
.dcheck34 {
  display: flex;
  justify-content: center;
  background-color: transparent;
  box-sizing: border-box;
  height: 90rpx !important;
  width: 670rpx !important;
  top: 144rpx !important;
  left: 40rpx !important;
  padding-top: 0 !important ;
  // line-height: 250rpx !important;
}
.icheck34 {
  overflow: hidden;
  white-space: nowrap;
  width: 670rpx !important;
  height: 90rpx !important;
  text-align: center !important;
  background-image: url(../../static/huazi_bg_bg34.png);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  line-height: 86rpx;
  font-family: "almm";
  font-size: 64rpx !important;
  font-weight: 400 !important;
  // transform: translateY(10rpx);
  color: rgb(249,89,58) !important;
  text-shadow: 2rpx 0 #fff,-2rpx 0 #fff,0 2rpx #fff,0 -2rpx #fff !important;
}
.tcheck34 {
  font-family: "almm";
  white-space: nowrap;
  overflow: hidden;
  width: 670rpx !important;
  height: 60rpx !important;
  position: static !important;
  line-height: 60rpx;
  margin: 260rpx auto 0;
  background-color: transparent;
  background-image: url(../../static/huazi_bg_bg34_1.png);
  background-size: 100% 80%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  // min-width: 206rpx;
  font-size: 44rpx !important;
  color: #000 !important;
  font-weight: 400 !important;
  // top: 360rpx !important;
  text-align: center !important;
  text-shadow: 2rpx 0 #fff,-2rpx 0 #fff,0 2rpx #fff,0 -2rpx #fff !important;
  padding: 0 !important;
}
.mcheck34 {
  white-space: nowrap;
  overflow: hidden;
  font-family: "almm";
  margin: 22rpx auto 0;
  background-image: url(../../static/huazi_bg_bg34_1.png);
  background-size: 100% 80%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 670rpx;
  height: 60rpx;
  text-align: center;
  line-height: 60rpx;
  font-size: 44rpx;
  font-weight: 400;
  // padding: 0 10rpx;
  // padding-left: 270rpx;
  box-sizing: border-box;
  color: #000;
  background-color: transparent;
  // margin: 44rpx 20rpx 0 275rpx;
  text-shadow: 2rpx 0 #fff,-2rpx 0 #fff,0 2rpx #fff,0 -2rpx #fff !important;
}

.btn {
  color: #fff !important;
  background-color: rgb(142, 84, 244) !important;
}
.tianjia-style{
      background-color: rgb(142,84,244) !important;
      color: #fff !important;
    }
</style>
